$(function() {
    $('#yes').click(function(event) {
        modal('嘿嘿，我就知道，宝宝最好了ᕙ(• ॒ ູ•)ᕘ', function() {
            $('.page_one').addClass('hide');
            $('.page_two').removeClass('hide');
            // typeWrite();
            fireworks();

        });
    });
    $('#no').click(function(event) {
        modal('早知道你会点这个！', A);
    });
    $('#seeOther').click(function(event) {
        var optionsTpl = [
            '<div class="container">',
            '<div class="mask"></div>',
            '<div class="modal">',
            '<p>未完工:</p>',
            '<a href="#" class="option-link" data-url="">选项1</a>',
            '<a href="#" class="option-link" data-url="">选项2</a>',
            '<a href="#" class="option-link" data-url="">选项3</a>',
            '</div>',
            '</div>',
            
        ].join('');

        $('body').append(optionsTpl);

        $(document).on('click', '.option-link', function(e) {
            e.preventDefault();
            var url = $(this).data('url');
            window.location.href = url; // 直接跳转到指定URL
        });
    });
});

function A() {
    modal('这我写的程序，你拒绝不了！', B);
}

function B() {
    modal('没办法，就当你答应了', C);
}

function C() {
    modal('SO？', D);
}

function D() {
    modal('跟我走吧', E);
}

function E() {
    modal('爱你。么么哒！', F);
}



function F() {
    modal('顺便去民政局登个记', function() {
        fireworks();
    });
}

function fireworks() {
    $('.page_one').addClass('hide');
    initAnimate();
}

function modal(content, callback) {
    var tpl = '<div class="container">'+
        '<div class="mask"></div>'+
        '<div class="modal">'+
        '<p>'+ content +'</p>'+
        '<button type="button" id="confirm" class="confirm">确定</button>'+
        '</div>'+
        '</div>';
    $('body').append(tpl);
    $(document).on('click', '.confirm', function() {
        $('.container').remove();
        callback();
    });
}
